<template>
    <div class="container process-list">
        <div class="card">
            <el-breadcrumb separator="/" class="card-body">
                <el-breadcrumb-item :to="{ path: '/Flow' }">流程配置</el-breadcrumb-item>
                <el-breadcrumb-item>{{ this.$route.meta.title }}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="card">
            <div class="card-header">流程配置查看</div>
            <div class="card-body">
                <div><a :href="xmlSrc">查看流程配置的XML配置</a></div>
                <img :src="flowPicSrc" width="100%"/>
            </div>
        </div>
    </div>
</template>

<script>
import request from "@/utils/request";
import { SET_TIME_YYMMDDHHMM } from "@/utils/formatTime";
import qs from "qs";
export default {
  name: "FlowDetail",
  data() {
    return {
        flowPicSrc: `/static/testdata/flowdata/1/新进人员电脑申领入网运维流程2.process.png`,
        xmlSrc:`/static/testdata/flowdata/1/新进人员电脑申领入网运维流程2.process.xml`
    };
  },
  methods: {
  },
  beforeRouteEnter(to, from, next) {
    // 在渲染该组件的对应路由被 confirm 前调用
    // 不！能！获取组件实例 `this`
    // 因为当守卫执行前，组件实例还没被创建
    document.body.className = "con-bg";
    next();
  },
  beforeRouteLeave(to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
    document.body.className = "";
    next();
  },
  mounted() {
  }
};
</script>

<style lang="less" scoped>
.process-list {
  padding-top: 120px;
  max-width: 1200px;
  margin: 0 auto;
}
</style>